import React from "react";
import {BrowserRouter, Route, Routes} from "react-router-dom";
import ReactDOM from "react-dom";
import Guide from "./react_components/guideComponent/Guide";
import Help from "./react_components/helpComponent/Help";
import Home from "./react_components/homeCompoent";
import ProvincePage from "./react_components/homeCompoent/provincePage";

ReactDOM.render(
    <BrowserRouter>
        <Routes>
            <Route path="/" element={<Guide />}>
                <Route path="help" element={<Help />}>
                </Route>
                <Route path="home" element={<Home />}>
                    <Route index element={<main style={{padding: "1rem"}}><p>未找到！</p></main>}/>
                    <Route path=":province" element={<ProvincePage />}/>
                </Route>
                <Route path="*" element={<div>未找到！</div>}/>
            </Route>
        </Routes>
    </BrowserRouter>,document.getElementById('root')
)